<template>
    <el-dialog title="授信记录" :visible.sync="dialogVisible" width="70%" :before-close="handleClose">
        <c-list-template :search="false" title="授信记录">
            <template slot="list">
                <el-table :header-cell-style="{ background: '#F1F1F1', color: '#092132' }" :data="tableData" v-loading="loading">
                    <el-table-column align="center" type="index" label="序号" width="80"></el-table-column>
                    <el-table-column align="center" prop="name" label="供应商名称" width=""></el-table-column>
                    <el-table-column align="center" prop="phone" label="手机号" width=""></el-table-column>
                    <el-table-column align="center" prop="" label="授信额度" width=""></el-table-column>
                    <el-table-column align="center" prop="" label="授信银行" width=""></el-table-column>
                    <el-table-column align="center" prop="" label="授信利率" width=""></el-table-column>
                    <el-table-column align="center" prop="" label="授信有效期" width=""></el-table-column>
                    <el-table-column align="center" prop="" label="授信日期" width=""></el-table-column>
                </el-table>
            </template>
            <template slot="pagination">
                <el-pagination background :current-page="querys.current" :page-sizes="[10, 20, 50, 100]" :page-size="querys.size" layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
            </template>

        </c-list-template>
        <span slot="footer">
            <el-button :loading="loading" @click="handleClose">关闭</el-button>
        </span>
    </el-dialog>
</template>
<script>
export default {
    components: {},
    data () {
        return {
            dialogVisible: false,
            loading: false,
            tableData: [],
            querys: {},
            total: 0,
            isBank: false
        };
    },
    created () {
    },

    methods: {
        handleOpen (isBank) {
            this.dialogVisible = true;
            this.isBank = isBank
        },
        handleClose () {
            this.dialogVisible = false;
        },
        handleCurrentChange () { },
        handleSizeChange () { },

    },
};
</script>
<style scoped lang="scss">
</style>
